<script setup lang="ts">
import * as echarts from 'echarts'
import { onMounted } from 'vue'
import { chinaMap } from '@/router/chinaMap'
// import chinaJSON  from '@/utils/china.json'




function china() {
  const chart = echarts.init(document.getElementById('main4'));
  chart.setOption(chinaMap());
  // echarts.registerMap('china',chinaJSON)
}

onMounted(()=>{
  china()
})
</script>

<template>
<div china>
<div id="main4">

</div>
</div>
</template>

<style scoped>
[china]{
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;

}
#main4{
  width: 100%;
  height: 100%;
}
</style>
